﻿<%@ Language="C#" Inherits="System.Web.Mvc.ViewPage<DNBProject.ViewModel.MapTopViewModel>" %>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=drawing"></script>
<%:Scripts.Render("~/Scripts/Plugin/jquery.dataTables.js")%>
<%:Scripts.Render("~/Scripts/Plugin/highcharts.js")%>
<%:Scripts.Render("~/Scripts/Plugin/highcharts_exporting.js")%>
<%:Scripts.Render("~/Scripts/Page/MapTop.js")%>
<%:Scripts.Render("~/Scripts/Plugin/ui.dropdownchecklist.js")%>
    
<%:Styles.Render("~/Content/Map/Css/Map.css")%>
<%:Styles.Render("~/Content/themes/dataTables/jquery.dataTables.css")%>
<%:Styles.Render("~/Content/themes/dropDownCheckList/ui.dropdownchecklist.themeroller.css")%>

<script type="text/javascript">
    //Convert model to json object
    var model = <%:Html.Raw(Json.Encode(Model)) %>;
</script>

<!--Map content-->
<div id="map-canvas" style="height: 700px;"></div>

<!--Table of content-->
<%Html.RenderPartial("CustomControlPartial/TableContentControlPartial", Model.LayerConfig); %>

<!--Unknown-->
<div id="panel">
    Kết quả: <input style="background-color: #2c89c6; color: white" type="text" readonly id="resultDrawing"/>
     <div id="color-palette"></div>
      <div>
        <button id="delete-button">Xóa đối tượng đang chọn</button>
      </div>
      <div>
          <input id="close-button" type="image" src="../../Content/Map/Images/icon_button_close.gif" alt="submit" />
      </div>
</div>

<div>
    <input  id="option-button" type="image" src="../../Content/Map/Images/option.jpg" alt="submit" title="Hiện thanh tùy chọn"/>
</div>